<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../style/css/public.css">
    <link rel="stylesheet" type="text/css" href="../style/css/shopcart.css">
</head>
<body>
<!--头部-->
<div id="header">
    <div class="wrapper">
        <div class="wrapper-r">
            <i><img src="../images/on2.png" alt=""></i>
            <a href="#">成为供应商</a>
        </div>
        <div class="wrapper-c">
            <ul class="header-ul">
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>
                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>
                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        我的订单
                    </a>
                    <i></i>
                    <ul>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                        <li><a href="#">订单完成</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="wrapper-l">
            <a href="#">欢迎fengqiyunluo</a>
            <a href="login.html">退出</a>
        </div>
    </div>
</div>


<!--中部-->
<div id="main">
    <div class="wrapper">
        <div class="logo">
            <a href="index.html"><img src="../images/logo.png" alt=""></a>
        </div>
        <ul>
            <li>
                <i></i>
                <span></span>
                <b></b>
                <p>我的购物车</p>
            </li>
            <li>
                <i></i>
                <span></span>
                <b></b>
                <p>我的购物车</p>
            </li>
            <li>
                <i></i>
                <span></span>
                <b></b>
                <p>我的购物车</p>
            </li>
            <li>
                <i></i>
                <span></span>
                <b></b>
                <p>我的购物车</p>
            </li>
        </ul>
    </div>
</div>


<!--购物车-->
<div id="cart">
    <div class="wrapper">
        <div class="top">
            <h2>我的购物车</h2>
            <h5>查看购物车中所添加的商品；增加减少数量、并勾选确认想要购买的商品进入下一步操作</h5>
        </div>

        <div class="bottom">
            <ul id="tital">
                <li><input type="checkbox"/>全选</li>
                <li>商品</li>
                <li>数量</li>
                <li>单价</li>
                <li>优惠</li>
                <li>金额(元)</li>
            </ul>
            <div class="head">

            </div>
            <ul>
                <li><input type="checkbox" /></li>
                <li><a href="#"><img src="../images/shopcart_list.jpg" alt=""></a></li>
                <li><a href="#">麟龙堂傲雪寒梅铁壶13件套组 货号119708</a></li>
                <li>
                    <button class="reduce">-</button>
                    <em class="num">1</em>
                    <button class="add">+</button>
                </li>
                <li>769.00</li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</div>

<!--结算-->
<div id="buy">
    <div class="wrapper">
        <div >
            <span><input type="checkbox" class="all"/>全删</span>
            <a class="del">删除</a>
        </div>
        <div >
            <p><span class="money"></span>元</p>
        </div>
        <div >
            <input type="button" value="结算" class="fu"/>
        </div>
    </div>
</div>



<!--尾部-->
<div id="footer">
    <div class="wrapper">

        <ul>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a>|</li>
            <li><a href="#">招贤纳士</a></li>
        </ul>

        <p><i></i>京公网安备：11011502002190 <a href="#">京ICP备10038858号</a><a href="#">食品流通许可证编号：SP1101151210063489</a><a
                href="#">信息网络传播视听节目许可证 0102002号</a></p>
        <p><i>Copyright©2010-2017 cnrmall.com All Rights Reserved</i><i>服务热线：4008-518-518</i></p>

        <ul>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
            <li><a href="#"><img src="../images/footer_bg.png" alt=""></a></li>
        </ul>
    </div>
</div>

<!--侧边栏-->
<div id="aside">
    <div class="aside-l">
        <ul>
            <li><em>商城会员</em><a href="#"></a></li>
            <li><em>购物车</em><a href="#"><i>0</i></a></li>
            <li><em>我的收藏</em><a href="#"></a></li>
            <li><em>我的足迹</em><a href="#"></a></li>
            <li><em>我的消息</em><a href="#"></a></li>
        </ul>
        <span>置顶</span>
    </div>
    <div class="aside-r">
        <h3>
            <a href="#"><i></i>购物车</a>
            <span>X</span>
        </h3>
        <ul>
                <li>
                    <img src="../images/mirror0.jpg" alt="">
                    <a href="#">麟龙堂傲雪寒梅铁壶13件套组 货号119708</a>
                    <span>0.00<i class="newNum">0</i></span>
                    <em>删除</em>
                </li>
        </ul>
        <div>
            <p class="cal"><em>0</em>件商品</p>
            <p class="sum">共计 <em>0.00</em></p>
            <a href="#">去结算</a>
        </div>
    </div>
</div>




</body>
</html>
<script src="../js/lib/jquery-3.2.1.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>
<script src="../js/shopcart.js"></script>

<script>



</script>